<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>{{ title }}</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <link rel="stylesheet" href="/backend/css/font.css">
    <link rel="stylesheet" href="/backend/css/xadmin.css">
    <script type="text/javascript" src="/backend/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/backend/js/xadmin.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="layui-fluid">
    <div class="layui-row">
        <!--1. 设置表单的提交的地址 2. 提交的方式 3. 设置提交的编码-->
        <!--<form class="layui-form" action="/admin/website/store" method="post" enctype="application/x-www-form-urlencoded">-->

        <form class="layui-form" action="/admin/about/store" method="post" enctype="multipart/form-data">
            <!--1. 由于现在要做文件的上传，需要更改一下编码-->

            <!--我们需要在表单里面制作一个叫做隐藏域，标识记录的_id。后台更新的时候，要通过_id进行信息的匹配，然后在更新 -->
            <!--注意：art-template默认会对 _id 字段的内容做编码输出，我们不希望做编码，而是使用原本的 _id 字符串。-->
            <input type="hidden" name="_id" value="{{@ info._id ? info._id : '' }}">

            <div class="layui-form-item">
                <label for="cateId" class="layui-form-label">
                    <span class="x-red">*</span>关于我们分类</label>
                <div class="layui-input-inline">
                    <select id="cateId" name="cateId" class="valid">
                        <option value="">请选择...</option>
                        {{ each categoryInfo }}
                        <option value="{{@ $value._id }}">{{ $value['cateName'] }}</option>
                        {{ /each }}
                    </select>
                </div>
            </div>

            <div class="layui-form-item">
                <label for="description" class="layui-form-label">
                    <span class="x-red">*</span>详细信息</label>
                <div class="layui-input-inline">
                    <textarea class="layui-textarea" name="description" id="description" cols="50" rows="20">{{info.description}}</textarea>
                </div>
            </div>

            <div class="layui-form-item">
                <label for="pic" class="layui-form-label">
                    <span class="x-red">*</span>图片信息</label>
                <div>
                    <img src="/uploads/{{ info.pic }}" alt="">
                </div>
                <div class="layui-input-inline">
                    <input type="file" id="pic" name="pic" autocomplete="off" class="layui-input"
                           value="{{info.pic}}">
                </div>
            </div>

            <div class="layui-form-item">
                <button class="layui-btn" lay-filter="add" lay-submit="" style="margin-left: 40px">提交</button>
            </div>
        </form>
    </div>
</div>
<script>
    /*现在的界面是使用 layui 进行完成的，所有我们需要引入别人的js代码*/
    layui.use(['form', 'layer'], function () {
        $ = layui.jquery;
        var form = layui.form,
            layer = layui.layer;
    });</script>
</body>

</html>